EXPERIENCIA PROFESIONAL

En el presente proyecto se implementó una metodología de desarrollo de Software acorde a las

actividades y necesidades del proyecto a realizar. Dicha metodología representa un conjunto de

procedimientos, técnicas y ayudas a la documentación para el desarrollo del producto final.

En la última década, el uso de la telefonía móvil en el mundo, ha tenido un creciente auge; la disminución de los costos en los equipos y

la evolución de las tecnologías móviles han permitido aumentar el número de usuarios y las velocidades de transferencia de información,

garantizando la penetración en el mercado de desarrollo de aplicaciones móviles.

Para la creación de la aplicación móvil y página Web se optó la implementación de las siguientes

plataformas: Android studio, SublimeText y PhpAdmin. Debido a que son entornos de desarrollo

implementados por empresas enfocadas al mercado de aplicaciones móviles y aplicaciones Web.

La realización de un proyecto de sistema, generalmente obedece a la necesidad de resolver una

problemática o por el surgimiento de una oportunidad de mejorar para la institución. En base a lo

anterior, se realizó una propuesta, la cual contemplaba la creación de una plataforma integrada por una

aplicación Web, y una de escritorio. Una vez aprobada la propuesta, nos dimos a la tarea de analizar los

requerimientos que se necesitaría para su creación. Posteriormente se inició con la asignación de las

fechas de las fases de desarrollo.

La primera etapa es el análisis de requisitos. Básicamente lo que se documentó en esta parte fueron

los requerimientos principales que la aplicación móvil debe hacer al terminar el desarrollo. Sin esta

información recabada no se podría iniciar el desarrollo. Es por ello que esta fase es considerada el

corazón de todo el proyecto.

La segunda etapa de desarrollo se enfocó a la creación del diseño de la interfaz de la aplicación, de

igual manera la creación de la base de datos que contendrá los datos definidos en la fase de análisis.

Como parte de la tercera etapa se realizó la codificación de las funcionalidades de la aplicación, acorde

a los requerimientos de la primera etapa y como complemento de la segunda etapa en cuanto al

desarrollo de la interfaz del usuario.

La etapa de prueba fue la final del desarrollo de la aplicación móvil. Se realizaron pruebas para la

verificación de las funcionalidades de la aplicación, y búsqueda de fallas para resolverlas de la forma

más adecuada, evitando un retroceso en cuanto a las fechas de entrega del proyecto.

El conocimiento sobre la programación de aplicaciones para móviles ha pasado de manera muy rápida

de ser un conocimiento más, a ser una necesitad, debida a la rápida implantación y evolución de las

plataformas móviles. Esta rápida evolución crea incertidumbre sobre que tecnologías son las más

adecuadas para la programación de este tipo de aplicaciones. Una de las plataformas más utilizadas es

el Sistema Operativo Android.

En el desarrollo de este proyecto se comprobó que la creación de una aplicación móvil no es nada fácil

de realizar, porque al ser un entorno de desarrollo nuevo para nosotros, significó una actividad

desgastante debido a que se requirió consultar mucha información en cuanto a programación orientada a

sistemas Android se refiere.

Como en todo desarrollo de un sistema o aplicación móvil, se presentaron problemas de nivel técnico u

operativo al momento de ejecutar el programa. Por ejemplo, al iniciar el emulador de la aplicación se

presentaron una serie de inconvenientes, por ejemplo, la computadora personal no dejaba emular la

aplicación por la sobrecarga de recurso que consume el sistema Android Studio. Debido a esto, se optó

por utilizar un emulador llamado Nox App Player, el cual proporciona una forma más eficaz de emular

nuestra aplicación.

Para la puesta en marcha del sitio, se requirió utilizar el Servidor Hostinger el cual proporciona una

mejor seguridad de datos y de Base Datos. En el desarrollo de esta aplicación móvil se llevaron a la

práctica los conocimientos adquiridos en la Universidad, de tal forma que llegamos a la conclusión de

que es muy diferente llevar un proyecto en práctica dentro de la Universidad a poner en marcha un

proyecto dentro de una empresa.

En la puesta en marcha del proyecto se llevó acabo la publicación de eventos, como la caminata de la

familia. Esto implico que los datos fueran subidos al servidor por medio de la página Web, la cual es la

intermediaria para la visualización en tiempo real de la información en nuestros móviles, esto conlleva

a que los usuarios se enteren de la información de forma continua.

Durante el periodo de estadía profesional se realizaron diferentes actividades las cuales nos ayudaron en

nuestra formación profesional, obteniendo experiencia en el sector productivo.

En la actualidad, las empresas se gobiernan por procesos y políticas que rigen su funcionamiento, tal es el

caso del H. Ayuntamiento, donde al momento de integrarse un nuevo colaborador, éste es presentado a

todas las áreas, explicándole las actividades que cada una de ellas realiza. También se le asigna al nuevo

integrante su espacio de trabajo, sus responsabilidades, actividades y se le informa sobre el reglamento

interno.

En la estadía profesional no se participó en el área de informática, si no que fue en el departamento de

administración; en esta área se realizaron actividades como ordenes de pedidos y facturación de los gasto

de energía de todas áreas que conforman el H. Ayuntamiento. En esta actividad es necesario llevar un

estricto control de la información que se maneja y de los gastos de la institución.

Este es un trabajo que en toda institución gubernamental se realiza, para llevar a cabo esta actividad se

requirió de mucha responsabilidad, debido a que se hacen traspasos a proveedores por medio de

transferencias bancarias las cuales son realizadas por el departamento de finanzas la cual pide una
bitácora al áreas de administración de los gastos realizados para poderles pagar a los proveedores que

están inscritos en el H.Ayuntamiento.

Parece ser una tarea fácil de realizar pero es algo muy tedioso ya que se tiene que revisar que las

cantidades y los productos estén correctos para que cuadre las cantidades de pago, que sin embargo

nos ayudó a desarrollar otras habilidades, las cuales en un futuro nos servirán de mucho en el área

administrativa. Esto nos mostró una nueva perspectiva de las funcionalidades de una dependencia

gubernamental porque está dividida en distintas áreas las cuales cumplen un objetivo en común y están

conectadas entre sí para la óptima distribución de los recursos estatales y federales.

También en esta áreas se realizamos actividades de mensajería la cual costaba la entrega de circulare y

documentos para firma de los directores de las distintas dependencias que conforman el H.Ayuntamiento

esto nos ayudó a conocer al personal de estas áreas y las actividades que realizan. De igual manera se

nos pido realizar actividades en el departamento de Recursos Humanos en el cual esta asignación fue

por parte de nuestras asesora lo cual de nuestras parte fue aceptamos pues era una forma de aprender

nuevas cosas de una nuevas área laboral.

En el áreas de Recursos Humanos realizamos actividades de relacionadas en el pago de los servicios

con los que cuentan los empleados como por ejemplo el pago de los servicio médico por parte ISSET,

vales de despensa y INFONAVIT. Este concentrado de pago se realiza a través de un sistema cuyo

nombre no se mencionara por privacidad y políticas de institución ya que es un sistema diseñado y

controlado por los directores de las distintas áreas del H.Ayuntamiento en el desarrollo de esta

actividades previamente fuimos instruido de las funcionalidades del sistema y llevar a cabo las

actividades ya antes mencionadas con ello también fue realizada el alta ante el SAT de los empleados

de confianza este personal significa trabajadores que han permanecidos laborando en la institución

Gubernamental por más de 5 años esto se elabora mediante la página oficial del SAT y la

documentación necesaria de los afectados para ello debimos darnos de alta en el departamento de

RAMO33 para poder acceder al sistema y realizar esta tarea antes mencionada. Las últimas semanas de

nuestra Estadía profesional se realizaron actividades de soporte técnico las cuales consistían en la

instalación de programas de ofimática, antivirus en computadoras recién adquiridas, formateo por mal

funcionamiento de los sistemas operativos que atrasaban el desempeño del personal en sus actividades

laborales esto se elaboraba de acuerdo al personal que reportaba fallos en sus equipos de trabajo

mediante un oficio envidado al encargado del área de soporte técnico.

El objetivo de este proyecto es abarcar la información de eventos q realiza el H.Ayuntamiento con esto

será más fácil informar a los usuarios que tengan acceso a la aplicación de dicha información y de igual

manera nuestra la localización de las distintas dependencias q conforman esta institución también

realizar llamadas de emergencia con la que cuenta las cuidad de E. Zapata Tabasco.
La experiencia de participar en un proyecto real en donde ya están presentes factores informativos

reales, así como hacer relaciones con una dependencia gubernamental y darse a conocer como

profesionista es una buena herramienta para comenzar nuestra carrera laboral.

Ser participe en este proyecto nos abrió más la visión sobre cómo es el mundo laboral en la vida real,

tenemos que ser competitivos y eficaces para poder integrarnos a un equipo de trabajo, tener una mejor

calidad de vida, tanto personal como profesional pues el mundo laboral es muy cambiante e inestable y

entre más preparados estemos académicamente mejor será nuestro de envolvimiento en las situaciones

que se presente.

Anexos

Desarrollo del diseño de la interfaz y código del Sistema

En este documento no se muestra el código completo del sistema .

Imagen 1.-Muestra la pantalla principal de la aplicación.

Imagen 2.- Diseño de la interface de los Eventos que se publicaran mediante una Listview “lista”

elaborada en Android studio.

Imagen 3.-La interface gráfica del mapa de ubicaciones en la aplicación móvil.

Imagen 4.- Interface para realizar llamadas de emergencia directa de la APP.

Código del menú principal de aplicación.

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_scrolling);
Toolbar toolbar = (Toolbar) findViewById(R.id.toolbar);
setSupportActionBar(toolbar);
getSupportActionBar().setDisplayShowTitleEnabled(false);

web=(CardView) findViewById(R.id.android_card_view_example2);
car=(CardView) findViewById(R.id.android_card_view_example1);
mapa=(CardView) findViewById(R.id.android_card_view_example0);
mision=(CardView) findViewById(R.id.android_card_view_example3);

mision.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(ScrollingActivity.this,Evento.class);
startActivity(intent);
}
});

web.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(ScrollingActivity.this,Web.class);
startActivity(intent);
}
});
 car.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(ScrollingActivity.this,Emergencia.class);
startActivity(intent);
}
});

mapa.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {
Intent intent = new Intent(ScrollingActivity.this,Maps.class);
startActivity(intent);
}
});

FloatingActionButton fab = (FloatingActionButton) findViewById(R.id.fab);

fab.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View view) {

finish();

Código de diseño de la interface Eventos.

private void load_data_from_server(int id) {

AsyncTask<Integer,Void,Void> task = new AsyncTask<Integer, Void, Void>() {

@Override
protected Void doInBackground(Integer... integers) {

OkHttpClient client = new OkHttpClient();

Request request = new Request.Builder()
.url("http://pruebaayuntamiento.esy.es/scripts/script.php?id="+integers[0])
.build();
try {
Response response = client.newCall(request).execute();

JSONArray array = new JSONArray(response.body().string());

for (int i=0; i<array.length(); i++){

JSONObject object = array.getJSONObject(i);

MyData data = new MyData(object.getInt("id"),object.getString("description"),

object.getString("image"));

data_list.add(data);
}

} catch (IOException e) {
e.printStackTrace();
} catch (JSONException e) {
System.out.println("End of content");
}
return null;
}
 @Override
protected void onPostExecute(Void aVoid) {
adapter.notifyDataSetChanged();
}
};

task.execute(id);
}

Código de implementación de Mapa Google.

public class Maps extends FragmentActivity implements OnMapReadyCallback {

private GoogleMap mMap;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_maps);
// Obtain the SupportMapFragment and get notified when the map is ready to be used.
SupportMapFragment mapFragment = (SupportMapFragment) getSupportFragmentManager()
.findFragmentById(R.id.map);
mapFragment.getMapAsync(this);
}

@Override
public void onMapReady(GoogleMap googleMap) {
mMap = googleMap;
LatLng Tabasco = new LatLng(17.7379447,-91.7684966);
googleMap.moveCamera(CameraUpdateFactory.newLatLngZoom(Tabasco,15));
// Coordenadas Japón
LatLng latLng = new LatLng(17.744521, -91.765129);

MarkerOptions markerOptions =
new MarkerOptions()
.position(latLng)
.title("H.Ayuntamiento")
.snippet("Gregorio Méndez 102, Centro, 86981 Emiliano Zapata, Tab.01 934 343 0200");

Marker marker = googleMap.addMarker(markerOptions);

// Add a marker in Sydney and move the camera

LatLng sydney = new LatLng(17.741333, -91.765045);
mMap.addMarker(new MarkerOptions().position(sydney).title("Casa de la Cultura"));

LatLng sydne = new LatLng(17.744033, -91.764525);

mMap.addMarker(new MarkerOptions().position(sydne).title("Fomento Economico"));

}
}
Código de desarrollo de llamadas entro de la aplicación.

public class Emergencia extends AppCompatActivity {

ImageView tel1,tel2;

@Override
protected void onCreate(Bundle savedInstanceState) {
super.onCreate(savedInstanceState);
setContentView(R.layout.activity_emergencia);
FloatingActionButton recordFab = (FloatingActionButton) findViewById(R.id. fab);
recordFab.setOnClickListener(new View.OnClickListener() {
public void onClick(View v) {
finish();

}
});

tel1=(ImageView) findViewById(R.id.tel1);
tel2=(ImageView) findViewById(R.id.tel2);

tel1.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
Intent callIntent = new Intent(Intent.ACTION_CALL);
callIntent.setData(Uri.parse("tel:9343430123"));

if (ActivityCompat.checkSelfPermission(Emergencia.this,
android.Manifest.permission.CALL_PHONE) != PackageManager.PERMISSION_GRANTED) {
return;
}
startActivity(callIntent);
}
});

tel2.setOnClickListener(new View.OnClickListener() {
public void onClick(View arg0) {
Intent callIntent = new Intent(Intent.ACTION_CALL);
callIntent.setData(Uri.parse("tel:9343429011"));

if (ActivityCompat.checkSelfPermission(Emergencia.this,
android.Manifest.permission.CALL_PHONE) != PackageManager.PERMISSION_GRANTED) {
return;
}
startActivity(callIntent);
}
});