Forums / Cotonti / Extensions / Cotonti iPhone Webapp

Sean
#1 2009-05-16 09:15
Hey Everyone,

Ive been working recently on a new project, a "Webapp" compatible with your iPhones or iPod Touches. It will work on other mobile devices, and PC's, but the framework is built specifically for iPhones. Before I go further, in Apple-Speak a Webapp is just simply a mobile website designed to work with Safari.

Basically what im working on is a plugin that will display your Cotonti website in a mobile format. Basically everything is powered by iWebKit, all Ive done is adapt it to Cotonti. So far Ive mostly been testing everything out, and whipped up a plugin that shows the recent news articles. I'm posting here just to see what people think, and if anyone would be interested in this.

Heres a link to the example: http://sean-byron.ca/m.php

As I mentioned, so far Ive only got it displaying the most recent news articles. You can tap/click on the articles, and it will also show comments. Recent posts in the forums also come up, but is not fully functional yet. I hope to have that running soon.

Heres a few screens of how it looks on my iPod:







Let me know what you think!

Sean
Trustmaster
#2 2009-05-16 12:55
Sounds interesting. I wonder what exactly iWebKit does.
May the Source be with you!
robofreak111
#3 2009-05-16 20:30
Looks cool
fedai
#4 2009-05-17 01:21
m.php source code?
"peace in the homeland, peace in the world" K.ATATÜRK

personal blog:
http://www.sametbal.net
Sean
#5 2009-05-17 08:54
@Trustmaster: iWebKit just has the stylesheets and everything premade. I started making my own, before I did some more research and found iWebKit. Theres also a java script file that takes care of the iPhone sliders and checkboxes.

@Fedai: The code in m.php is really simple:

<?PHP
/* ====================
Seditio - Website engine
Copyright Neocrome
http://www.neocrome.net
[BEGIN_SED]
File=m.php
Version=100
Updated=2009-may-9
Type=PLugin
Author=Sean Byron
Description=Mobile Page
[END_SED]
==================== */

define('SED_CODE', TRUE);

require_once('./datas/config.php');
require_once($cfg['system_dir'].'/functions.php');
require_once($cfg['system_dir'].'/common.php');

$p = $_GET["page"];

switch($p)
{
	case "home":
		require_once('plugins/mobileplus/mobileplus.home.php');
	break;

	case "page":
		require_once('plugins/mobileplus/mobileplus.page.php');
	break;

	default:
		require_once('plugins/mobileplus/mobileplus.home.php');
	break;
}
	

?>
This is one think that's on my list to improve. I realize this is probably not the most secure way of doing things. Right now Ive just got a separate file for Pages, and Home. A Forums one is on the way.

I did it this way because if I coded it like a regular plugin, and called it with plug.php?e=mobileplus then i'd get the header and footer attached to it and it wouldn't show up full screen on the iPhone. If someone's got a better suggestion then im open to it!
chobblr
#6 2009-05-17 09:26
Sean i a have also done a Contoni skin for iPhone/iPod and was wondering have you used a manifest for this ?

edit: sorry forgot, this looks great, just the speed
This post was edited by chobblr (2009-05-17 09:32, 14 years ago)
fedai
#7 2009-05-17 18:24
mobileplus plugin?
"peace in the homeland, peace in the world" K.ATATÜRK

personal blog:
http://www.sametbal.net
JonnyM
#8 2009-05-17 22:32
Hi,

this sounds like a great idea. I myself use my mobile constantly to surf the web.
I just have one critic about what your doing and that's tailoring it for the iPhone, I think that's a big misstake. Better would be to make it just like any website, except that you truncate the content to fit the standard mobile screen ( 2,4" on my Nokia E66), which is a bit smaller than on the iPhone. This way the website will work perfectly on all newer mobile phones that use standard web browsers like Opera etc.